<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>商品展示</title>
    <link rel="stylesheet" href="../../static/css/style.css">
</head>
<body>
<div class="head">
    <div class="nav">
        <ul>
            <li><a href="/homepage">首页</a> </li>
            <li><a href="/lose">失物招领</a> </li>
            <li><a href="/helpindex">有偿帮忙</a> </li>
            <li><a href="/inserthappy">今日之趣&今日不悦</a> </li>
        </ul>
        <div class="title">我要发布</div>
    </div>
</div>
<div class="shop-chart">
    <div class="one-shop" th:each="shop:${shop_list}">
        <ul>
            <li>
                <div class="hp"><img th:src="${shop.hp}"></div>
                <div class="s-name">
                    <span>用户名：</span>
                    <span class="shop-name" th:text="${shop.username}"></span>
                </div>
                <div class="ID">
                    <span>商品号：</span>
                    <span class="shop-id" th:text="${shop.shopId}"></span>
                </div>
                <div class="s-title">
                    <span>商品名：</span>
                    <span class="shop-title" th:text="${shop.shopTitle}"></span>
                </div>
                <div class="s-price">
                    <span>商品价钱：</span>
                    <span class="shop-price" th:text="${shop.lowPrice}"></span>
                </div>
                <div class="s-word">
                    <span>商品描述：</span>
                    <span class="shop-word" th:text="${shop.trait}"></span>
                </div>
                <div>
                    <span>剩余数量：</span>
                    <span class="count" th:text="${shop.count}"></span>
                </div>
                <div class="s-phone">
                    <span>电话：</span>
                    <span class="shop-phone" th:text="${shop.userphone}"></span>
                </div>

            </li>
        </ul>
    </div>
</div>
<div class="chat" style="display: none" th:each="shop:${shop_list}">
    <div class="some-word">
        <span>用户**，您是否确定购买商品<span th:text="${shop.shopId}"></span></span>
    </div>
    <div class="YES">
        <a th:href="@{/shop(shopId=${shop.shopId})}">确认</a>
    </div>
    <div class="NO">
        <span>取消</span>
    </div>
</div>
<form action="/shop" method="post">
    <div class="do-chart" style="display: none;">
        <span>商品号：</span>
        <input type="text" name="shopId"><br>
        <span>商品名：</span>
        <input type="text" name="shopTitle"><br>
        <span> 制定价格：</span>
        <input type="text" name="lowPrice"><br>
        <span>商品描述：</span>
        <textarea name="trait"></textarea><br>
        <span>用户名：</span>
        <input type="text" name="username"><br>
        <span>电话：</span>
        <input type="text" name="userphone"><br>
        <button type="submit">提交</button>
        <div class="delete_">
            <span>取消</span>
        </div>
    </div>
</form>
<div class="art1">
    <img src="../../static\imglwb\5.jpg">
</div>
<div class="art2">
    <img src="../../static\imglwb\7.jpg">
</div>

<script type="text/javascript" src="../../static/script/shopJS.js"></script>
</body>
</html>